<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://127.0.0.1:8080/css/dbsrtap.css" async>
    <title>Document</title>
</head>

<body>
    <div class="db-card">
        <div class="db-card-img">
            <img src="./img/34157247.jpg" alt="封面">
        </div>
        <div class="db-card-text">
            <h4>
                <a href="https://read.douban.com/ebook/34157247/?dcs=category" title="月亮与六便士（作家榜经典）">
                    <span class="title">
                        月亮与六便士（作家榜经典）
                    </span>
                </a>
            </h4>
            <div class="author">
                <span id="country">[英]</span>&ThinSpace;
                <span id="writer">毛姆</span>
                <span id="transer">徐淳刚</span>
            </div>
            <div class="detile">
                吃饭，发生了会如何，不发生又会如何。 生活中，若吃饭出现了，我们就不得不考虑它出现了的事实。 我们不得不面对一个非常尴尬的事实，那就是， 一般来讲，我们都必须务必慎重的考虑考虑。
                在这种困难的抉择下，本人思来想去，寝食难安。吃饭，发生了会如何，不发生又会如何。 生活中，若吃饭出现了，我们就不得不考虑它出现了的事实。 我们不得不面对一个非常尴尬的事实，那就是，
                一般来讲，我们都必须务必慎重的考虑考虑。 在这种困难的抉择下，本人思来想去，寝食难安。
            </div>
            <div class="ext-detile">
                <span class="style"> <a href="javascript:;">世界名著</a></span>
                <span class="spera"></span>
            </div>
            <div class="card-bottom">
                <div class="price">
                    <span class="rmb-tag">￥</span>
                    <span class="old-price">39.99</span>
                    <span class="now-price">3.99</span>
                </div>
                <div class="buttons">
                    <span class="shopping">
                        <a href="javascript:;">
                            <img src="./img/book/购物 车.png" alt="购物车">
                        </a>
                    </span>
                    <button>加入书单</button>

                </div>
            </div>
        </div>
    </div>
</body>

</html>